<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta charset="utf-8" name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>售后服务-首页</title>
<link rel="stylesheet"
	href="../../components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet"
	href="../../components/datetimepicker/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet"
	href="../../components/bootstrapValidator/css/bootstrapValidator.css"
	type="text/css" />
<script type="text/javascript"
	src="../../components/jquery2.1.1/jquery.min.js"></script>
<script type="text/javascript"
	src="../../components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="../../components/datetimepicker/js/bootstrap-datetimepicker.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../../components/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../../components/bootstrapValidator/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="../../js/common/common.js"></script>

<style type="text/css">
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

.underline_model {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.center-vertical {
	margin-top: 25px;
}
</style>


</head>
<body>

	<div class="container">
		<div class="row">
			<div class="col-xs-6 col-sm-6">
				<img src="../../images/1.jpg" width="150" height="150"
					class="img-responsive" alt="Generic placeholder thumbnail">
			</div>
			<div class="col-xs-3 col-sm-3 center-vertical">
				<h4>沪A56896</h4>
				<span class="text-muted">宝马5系</span>
			</div>
			<div class="col-xs-3 col-sm-3">
				<img alt="头像" src="../../images/head.jpg" " class="img-circle"
					width="150" height="150">
			</div>
		</div>

	</div>

	<div class="btn-group container">
		<button type="button" class="btn btn-default btn-sm">
			<span class="glyphicon glyphicon-calendar "> 违章查询</span>
		</button>
		<button type="button" class="btn btn-default btn-sm">
			<span class="glyphicon glyphicon-wrench"
				style="color: rgb(255, 140, 60);"> 保养提醒</span>
		</button>
		<button type="button" class="btn btn-default btn-sm">保险提醒</button>
		<button type="button" class="btn btn-default btn-sm">年检提醒</button>
	</div>

	<div class="container" >
		<div class="row" >
		<div class="col-xs-12 col-sm-12" >
			<span class="glyphicon glyphicon-volume-up span12" style="background-color: lime;"
				> 暂无最新通知</span>
		</div>
		</div>
	</div>
	
	<div class="container">
<!-- 		<div class="row placeholders">
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="#"><img src="../../images/1.jpg" width="150" height="150"
					class="img-responsive" alt="Generic placeholder thumbnail"></a>
					<a href="#"><span >预约养修</span></a>
			</div>
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="#"><img src="../../images/1.jpg" width="150" height="150"
					class="img-responsive" alt="Generic placeholder thumbnail"></a>
					<a href="#"><span style=": center;">紧急救援</span></a>
			</div>
		</div> -->
		
    <div class="row placeholders">
      <div class="col-xs-6 col-sm-6 placeholder">
      <a href="">
        <img src="../../images/1.jpg" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Label</h4>
        <span class="text-muted">预约养修</span>
        </a>
      </div>
      <div class="col-xs-6 col-sm-6 placeholder">
        <img src="../../images/1.jpg" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Label</h4>
        <span class="text-muted">紧急救援</span>
      </div>
    </div>

	</div>
	<div class="container">
    <div class="row placeholders">
      <div class="col-xs-6 col-sm-6 placeholder">
        <img src="../../images/1.jpg" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Label</h4>
        <span class="text-muted">特价商城</span>
      </div>
      <div class="col-xs-6 col-sm-6 placeholder">
        <img src="../../images/1.jpg" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Label</h4>
        <span class="text-muted">车主宝典</span>
      </div>
    </div>

	</div>
</body>
</html>